<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!--开启EL表达式-->
<%@ page isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
	<base href="http://localhost:8080/crm/">
    <meta charset="UTF-8">
    <link href="jquery/bootstrap_3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
    <script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
    <script type="text/javascript">

            $(function () {
                //给整个浏览器窗口添加按下键盘事件
                $(window).keydown(function (e) {
                    //按回车键提交请求
                    if (e.keyCode==13){
                        $("#loginBtn").click()
                    }
                })


            //给登录按钮添加单击事件
            $("#loginBtn").click(function () {
                var loginAct =$.trim($("#loginAct").val());
                var loginPwd =$.trim($("#loginPwd").val());
                //点击了免登录获取的值为true，否则值为false
                var isRemPwd = $("#isRemPwd").prop("checked");
                //表单验证
                if (loginAct ==""){
                    alert("用户名不能为空")
                    return;
                }
                if (loginPwd ==""){
                    alert("密码不能为空")
                    return;
                }
                //显示正在验证
                $("#msg").html("<b style='color: #ac2925'>正在验证用户信息，请稍后..........</b>")
                //发生ajax请求
                $.ajax({
                    url:"settings/qx/user/login.do",
                    type:"post",
                    data:{
                        loginAct:loginAct,
                        loginPwd:loginPwd,
                        isRemPwd:isRemPwd
                    },
                    dataType:"json",
                    success:function (data) {
                        if (data.code=="1"){
                            //登陆成功，跳转到业务页面
                            window.location.href="workbench/index.do";
                        }else {
                            $("#msg").html("<b style='color: #ac2925'>"+data.message+"</b>")
                        }
                    }
                })
            })
        })
    </script>

    
</head>
<body>
<div style="position: absolute; top: 0px; left: 0px; width: 60%;">
    <img src="image/IMG_7114.JPG" style="width: 100%; height: 90%; position: relative; top: 50px;">
</div>
<div id="top" style="height: 50px; background-color: #3C3C3C; width: 100%;">
    <div style="position: absolute; top: 5px; left: 0px; font-size: 30px; font-weight: 400; color: white; font-family: 'times new roman'">
        CRM &nbsp;<span style="font-size: 12px;">&copy;2019&nbsp;动力节点</span></div>
</div>

<div style="position: absolute; top: 120px; right: 100px;width:450px;height:400px;border:1px solid #D5D5D5">
    <div style="position: absolute; top: 0px; right: 60px;">
        <div class="page-header">
            <h1>登录</h1>
        </div>
        <form action="../../../workbench/index.jsp" class="form-horizontal" role="form">
            <div class="form-group form-group-lg">
                <div style="width: 350px;">
                    <input class="form-control" id="loginAct" value="${cookie.loginAct.value}" type="text" placeholder="用户名">
                </div>
                <div style="width: 350px; position: relative;top: 20px;">
                    <input class="form-control" id="loginPwd" value="${cookie.loginPwd.value}" type="password" placeholder="密码">
                </div>
                <div class="checkbox" style="position: relative;top: 30px; left: 10px;">
                    <label>
                        <c:if test="${not empty cookie.loginAct and not empty cookie.loginPwd}">
                            <input type="checkbox" id="isRemPwd" checked>
                        </c:if>
                        <c:if test="${empty cookie.loginAct or empty cookie.loginPwd}">
                            <input type="checkbox" id="isRemPwd">
                        </c:if>
                        十天内免登录
                    </label>
                    &nbsp;&nbsp;
                    <span id="msg"></span>
                </div>
                <button type="button" id="loginBtn" class="btn btn-primary btn-lg btn-block"
                        style="width: 350px; position: relative;top: 45px;">登录
                </button>
            </div>
        </form>
    </div>
</div>
</body>
</html>